import React from 'react'

export function Dialog({ open, onOpenChange, children }) {
  if (!open) return null
  return <div>{children}</div>
}

export function DialogContent({ children, className = '' }) {
  const style = { background: '#fff', padding: 16, borderRadius: 8 }
  return <div className={className} style={style}>{children}</div>
}

export function DialogHeader({ children }) { return <div>{children}</div> }
export function DialogTitle({ children }) { return <h3>{children}</h3> }
export function DialogDescription({ children }) { return <p>{children}</p> }
export function DialogFooter({ children, className = '' }) { return <div className={className}>{children}</div> }

export default Dialog
